<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Unisinos - Desenvolvimento para Web</title>
<link href="css/padrao.css" rel="stylesheet" >
<script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script>
<script type="text/javascript" src="js/jquery.maskedinput.min.js" ></script>
<script type="text/javascript" src="js/funcoes.js" ></script>
</head>
<body>
	<div class="BoxFundo">
		<div class="BoxConteudo">
			<div class="BoxCadastro">
				<input type="hidden" id="index" value="-1">
				<div class="BoxCampo">
					<h1 class="TituloCampo">CPF *</h1>
					<div class="InputCpf">
						<input class="CampoEditavel CampoCpf" type="text" id="cpf">
					</div>
				</div>
				
				<div class="BoxCampo">
					<h1 class="TituloCampo">Nome *</h1>
					<div class="InputNome">
						<input class="CampoEditavel" type="text" id="nome">
					</div>
				</div>
				
				<div class="BoxCampo">
					<h1 class="TituloCampo">Endereço *</h1>
					<div class="InputEndereco">
						<input class="CampoEditavel" type="text" id="endereco">
					</div>
				</div>
				
				<div class="BoxCampo">
					<h1 class="TituloCampo">Bairro *</h1>
					<div class="InputBairro">
						<input class="CampoEditavel" type="text" id="bairro">
					</div>
				</div>
				
				<div class="BoxCampo">
					<h1 class="TituloCampo">Cidade *</h1>
					<div class="InputCidade">
						<input class="CampoEditavel" type="text" id="cidade">
					</div>
				</div>
			</div>
			
			<div class="BoxManutencao">
				<input type="button" class="BotaoManutencao" id="botaoLista" value="Lista" onclick="lista()">
				<input type="button" class="BotaoManutencao" id="botaoInclui" value="Inclui" onclick="inclui()">
				<input type="button" class="BotaoManutencao" id="botaoExclui" value="Exclui" onclick="exclui()">
				<input type="button" class="BotaoManutencao" id="botaoCancela" value="Cancela" onclick="cancela()">
				<input type="button" class="BotaoManutencao" id="botaoSalva" value="Salva" onclick="salva()">
				<input type="button" class="BotaoManutencao" id="botaoLimpa" value="Limpa" onclick="limpa()">
			</div>
			
			<div class="BoxTabela">
			<table id="tabela" style="width: auto;" border="0">
				<thead class="TituloTabela">
					<td class="ColunaCpf">CPF</td>
					<td class="ColunaNome">Nome</td>
					<td class="ColunaEndereco">Endereço</td>
					<td class="ColunaBairro">Bairro</td>
					<td class="ColunaCidade">Cidade</td>
				</thead>
				<tbody>
				
				</tbody>	
			</table>
			</div>
		</div>
	</div>
</body>
</html>